@charset "utf-8";
/* Common */
body { font-family: Microsoft Yahei; font-size: 16px; line-height: normal; margin: 0; padding: 0; overflow-x: hidden; min-width: 1218px; background: #ffffff; color: #282828; }
html, body, div, p, span, object, h1, h2, h3, h4, h5, h6, a, img, strong, dl, dt, dd, ol, ul, li, form, label, footer, header, nav { margin: 0; padding: 0; }
* { list-style: none; }
a { color: #282828; text-decoration: none; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; }
a:hover { color: #0070dc; text-decoration: none; }
ul li { list-style: none; }
img { border: none; }
.clear { clear: both; margin: 0 0; padding: 0 0; }
.fr { float: right; }
.fl { float: left; }
input, textarea, button { font-family: Microsoft Yahei; }
input:focus, textarea:focus { outline: none; }
h1, h2, h3, h4, h5, h6 { line-height: normal; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }
.pt130 { padding-top: 130px; }

.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb60 { padding-bottom: 60px; }
.pad10 { padding: 10px 0; }
.pad15 { padding: 15px 0; }
.pad20 { padding: 20px 0; }
.pad25 { padding: 25px 0; }
.pad30 { padding: 30px 0; }
.pad35 { padding: 35px 0; }
.pad45 { padding: 45px 0; }
.pad50 { padding: 50px 0; }
.pad65 { padding: 65px 0; }
.pad70 { padding: 70px 0; }
.pad80 { padding: 80px 0; }

.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }

.pr20 { padding-right: 20px; }

.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml75 { margin-left: 75px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }

.mb45 { margin-bottom: 45px; }

.mar16 { margin: 0 16px; }
.mar6 { margin: 0 6px; }
.mar20 { margin: 0 20px; }
.mar25 { margin: 0 25px; }
.mauto{ margin:0 auto;}

.f12 { font-size: 12px; }
.f13 { font-size: 13px; }
.f14 { font-size: 14px; }
.f15 { font-size: 15px; }
.f16 { font-size: 16px; }
.f17 { font-size: 17px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.f26 { font-size: 26px; }
.f28 { font-size: 28px; }
.f30 { font-size: 30px; }
.f32 { font-size: 32px; }
.f34 { font-size: 34px; }
.f35 { font-size: 35px; }
.f36 { font-size: 36px; }
.f38 { font-size: 38px; }
.f40 { font-size: 40px; }
.f42 { font-size: 42px; }
.f46 { font-size: 46px; }
.f48 { font-size: 48px; }
.f50 { font-size: 50px; }
.f55 { font-size: 55px; }
.f57 { font-size: 57px; }
.f60 { font-size: 60px; }
.f70 { font-size: 70px; }
.f72 { font-size: 72px; }
.f75 { font-size: 75px; }
.f80 { font-size: 80px; }
.f110 { font-size: 110px; }
.tsar { font-family: Arial, Helvetica, sans-serif; }
.tpf { font-family: "PingFang sc", Source Han Sans CN, Microsoft Yahei; }
.tsarb { font-family:"Arial Black", Gadget, sans-serif; }

.txtyy { text-shadow: 0 4px 4px rgba(0, 0, 0, 0.4); }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }
.text-nowrap { white-space: nowrap; }
.text-lowercase { text-transform: lowercase; }
.text-uppercase { text-transform: uppercase; }
.text-capitalize { text-transform: capitalize; }
.ti2 { text-indent: 2em; }
.flg { font-weight: lighter; }
.fb { font-weight: bolder; }
.fnor { font-weight: normal; }
.bgcolor { background: #0070dc; color: #FFFFFF; }
.bgcolora { background: #fb7d17; color: #FFFFFF; }
.bgcolorc { background: #ffc221; color: #000; }
.bgf8 { background: #f8f8f8; }
.bgf4 { background: #f4f4f4; }
.bgf3 { background: #f3f3f3; }
.bgf1 { background: #f1f1f1; }
.bgef { background: #efefef; }
.bgee { background: #eeeeee; }
.bgf6 { background: #f6f9ff; }
.bgf7 { background: #f7faff; }
.bgtoper { background: #070b3b; color: #FFFFFF; }
.bgff { background: #FFFFFF; }
.color { color: #0070dc; }
.colora { color: #fb7d17; }
.colorc { color: #ffc221; }
.color95 { color: #959595; }
.white, .white a, .white a:hover, .white:hover, .bgcolor a, .bgcolor a:hover, .bgtoper a, .bgtoper a:hover, .bgcolora a, .bgcolora a:hover { color: #FFFFFF; }
.black { color: #000000; }
.red { color: #F00; }
.borw1 { border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.bor21 { border-bottom: 1px solid rgba(211, 211, 211, 1); }
.bor23 { border-bottom: 1px solid rgba(238, 238, 238, 1); }

.borad5{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.borad10{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.borad15{ border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;}
.borad50{ border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.borad{ border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}

.opac10 { opacity: 1; }
.opac8 { opacity: 0.8; }
.opac7 { opacity: 0.7; }
.opac6 { opacity: 0.6; }
.opac5 { opacity: 0.5; }
.opac4 { opacity: 0.4; }
.opac1 { opacity: 0.1; }
.pore { position: relative; }
.poab { position: absolute; }
.dibok { display: block; }
.dinon { display: none; }
.cupoi{ cursor:pointer;}
.line2 { line-height: 2; }
.line18 { line-height: 18px; }
.line22 { line-height: 22px; }
.line24 { line-height: 24px; }
.line26 { line-height: 26px; }
.line28 { line-height: 28px; }
.line30 { line-height: 30px; }
.line32 { line-height: 32px; }
.line36 { line-height: 36px; }
.line40 { line-height: 40px; }
.line46 { line-height: 46px; }
.line55 { line-height: 55px; }
.ovhiden { overflow: hidden; }
.disflex { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.cona { width: 100%; overflow: hidden; }
.conb { width: 90%; overflow: hidden; margin: 0 auto; }
.cx-3{ width:33.3333%;}

.main { width: 1200px; margin: 0 auto; overflow: hidden; }
.mainc { width: 1218px; margin: 0 auto; overflow: hidden; }

.tit1{ height:20px; line-height:20px; overflow:hidden;}
.tit2{ height:22px; line-height:22px; overflow:hidden;}

.tita{ height:27px; line-height:27px; overflow:hidden;}
.titb{ height:42px; line-height:42px; overflow:hidden;}
.titc{ height:52px; line-height:52px; overflow:hidden;}

.bgys{ background-repeat: no-repeat; background-position: center center; background-size: cover;}

img, video { vertical-align: top; }
.imgs { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s; }
.imgs:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.tra3 { -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-i; }
.tra5 { -webkit-transition: all .5s ease-in; -moz-transition: all .5s ease-in; -o-transition: all .5s ease-in; transition: all .5s ease-i; }
.tra7 { -webkit-transition: all .7s ease-in; -moz-transition: all .7s ease-in; -o-transition: all .7s ease-in; transition: all .7s ease-i; }
.tra11 { -webkit-transition: all 1.1s ease-in; -moz-transition: all 1.1s ease-in; -o-transition: all 1.1s ease-in; transition: all 1.1s ease-i; }
.linx { -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; -moz-animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; -o-animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; -ms-animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; animation: kf_about_page1_btn_line1_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; }
.liny { -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; -moz-animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; -o-animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; -ms-animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; animation: kf_about_page1_btn_line2_inner 2s cubic-bezier(0.115, 0.41, 0.355, 1) 0s infinite; }
.winona { display: block; position: relative; overflow: hidden; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.winona::after { content: attr(data-text); position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transform: translate3d(0, 25%, 0); transform: translate3d(0, 25%, 0); }
.winona > span { display: block; }
.winona::after, .winona > span { -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
.winona:hover::after { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.winona:hover > span { opacity: 0; -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); }
.sxfd { animation: ghostUpdown 1s infinite alternate; -webkit-animation: ghostUpdown 1s infinite alternate; }
.sxfd:hover { animation-play-state: paused; }
.circular1 { transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); animation: btnRotate 5.5s linear infinite; -webkit-animation: btnRotate 5.5s linear infinite; -moz-animation: btnRotate 5.5s linear infinite; -ms-animation: btnRotate 5.5s linear infinite; }
.circular2 { transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); animation: btnRotate 7.5s linear infinite; -webkit-animation: btnRotate 7.5s linear infinite; -moz-animation: btnRotate 7.5s linear infinite; -ms-animation: btnRotate 7.5s linear infinite; }
.circular3 { transform: rotate(360deg); -ms-transform: rotate(360deg); /* IE 9 */ -moz-transform: rotate(360deg); /* Firefox */ -webkit-transform: rotate(360deg); /* Safari 和 Chrome */ -o-transform: rotate(360deg); animation: btnRotate 9.5s linear infinite; -webkit-animation: btnRotate 9.5s linear infinite; -moz-animation: btnRotate 9.5s linear infinite; -ms-animation: btnRotate 9.5s linear infinite; }


/*animate1*/
 @keyframes warn { 0% {
 transform: scale(0);
 opacity: 0;
}
 25% {
 transform: scale(0.9);
 opacity: 0.3;
}
 50% {
 transform: scale(1.2);
 opacity: 0.8;
}
 75% {
 transform: scale(0.9);
 opacity: 0.6;
}
 100% {
 transform: scale(0);
 opacity: 0;
}
}
@-webkit-keyframes warn { 0% {
 transform: scale(0);
 opacity: 0;
}
 25% {
 transform: scale(0.9);
 opacity: 0.3;
}
 50% {
 transform: scale(1.2);
 opacity: 0.8;
}
 75% {
 transform: scale(0.9);
 opacity: 0.6;
}
 100% {
 transform: scale(0);
 opacity: 0;
}
}



/*animate2*/
 @-webkit-keyframes btnRotate { 0% {
transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-webkit-transform: rotateZ(0deg);
}
100% {
transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-webkit-transform: rotateZ(360deg);
}
}

/*animate3*/
 @-moz-keyframes kf_about_page1_btn_line2_inner { 0% {
 -webkit-transform: scaleY(0);
 -moz-transform: scaleY(0);
 -o-transform: scaleY(0);
 -ms-transform: scaleY(0);
 transform: scaleY(0);
}
 25% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
 100% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
}
@-webkit-keyframes kf_about_page1_btn_line2_inner { 0% {
 -webkit-transform: scaleY(0);
 -moz-transform: scaleY(0);
 -o-transform: scaleY(0);
 -ms-transform: scaleY(0);
 transform: scaleY(0);
}
 25% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
 100% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
}
@-o-keyframes kf_about_page1_btn_line2_inner { 0% {
 -webkit-transform: scaleY(0);
 -moz-transform: scaleY(0);
 -o-transform: scaleY(0);
 -ms-transform: scaleY(0);
 transform: scaleY(0);
}
 25% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
 100% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
}
@keyframes kf_about_page1_btn_line2_inner { 0% {
 -webkit-transform: scaleY(0);
 -moz-transform: scaleY(0);
 -o-transform: scaleY(0);
 -ms-transform: scaleY(0);
 transform: scaleY(0);
}
 25% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
 100% {
 -webkit-transform: scaleY(1);
 -moz-transform: scaleY(1);
 -o-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
}
/*animate4*/

 @-moz-keyframes kf_about_page1_btn_line1_inner { 0% {
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -o-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
}
 25% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
 100% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
}
@-webkit-keyframes kf_about_page1_btn_line1_inner { 0% {
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -o-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
}
 25% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
 100% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
}
@-o-keyframes kf_about_page1_btn_line1_inner { 0% {
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -o-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
}
 25% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
 100% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
}
@keyframes kf_about_page1_btn_line1_inner { 0% {
 -webkit-transform: scaleX(0);
 -moz-transform: scaleX(0);
 -o-transform: scaleX(0);
 -ms-transform: scaleX(0);
 transform: scaleX(0);
}
 25% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
 100% {
 -webkit-transform: scaleX(1);
 -moz-transform: scaleX(1);
 -o-transform: scaleX(1);
 -ms-transform: scaleX(1);
 transform: scaleX(1);
}
}
 @keyframes ghostUpdown {  from {
margin-top:50px;
}
to { margin-top: 30px; }
}
@-webkit-keyframes ghostUpdown {  from {
margin-top:50px;
}
to { margin-top: 30px; }
}